.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}


/***** Backoffice icons *****/

/* Asset/Assetdir */
.icon {
	 width: 16px;
	 height: 16px;
	 display: inline-block;
	 background-image: url('/img/icons/page_white_error.png');
 }
	
.icon.folder {
    background-image: url('/img/icons/folder.png');
}

.icon.video {
    background-image: url('/img/icons/film.png');
}

.icon.image {
    background-image: url('/img/icons/page_white_paintbrush.png');
}

.icon.audio {
    background-image: url('/img/icons/sound_none.png');
}

.icon.text {
    background-image: url('/img/icons/page_white_copy.png');
}

.icon.html {
    background-image: url('/img/icons/page_white_code.png');
}

.closed > ul {
    display: none;
}

/* Asset Picker */
.assetList {
  list-style-type: none;
}
ul.assetList, ul.assetList ul {
  list-style-type: none;
  background: url(/img/vline.png) repeat-y;
  margin: 0;
  padding: 0;
}
ul.assetList ul {
  margin-left: 10px;
}
ul.assetList li {
  margin: 0;
  padding: 0 12px;
  line-height: 20px;
  background: url(/img/node.png) no-repeat;
  color: #0069d6;
  font-weight: bold;
}
ul.assetList li:last-child, ul.assetList li.last {
  background: #ffffff url(/img/lastnode.png) no-repeat;
}
.assetList .selected, .assetList .selected a {
  color: #f89406;
}

/* Head Navigation */

#header a {
	color: #888;
	text-decoration: none;
}

#header a:hover {
	color: #ccc;
}

#header a:active {
	color: #fff;
}

ul.topNav {
	list-style: none;
	display: block;
}

ul.topNav li {
	float: left;
	display: inline;
	background: none;
}

ul.topNav li a {
	font-weight: normal;
	font-size: 14px;
	color: #aaa;
	text-decoration: none;
}

ul.topNav li a:hover {
	color: #ddf;
	text-decoration: underline;
}

#header h1 {
	background-image: url('/images/chainring-bullet.png');
}

span.note {
	color: #999;
	font-style: italic;
}

/* Action Icons */

/****** Edit - delete icons *****/
.btnEdit{
    background: url(/img/icon-edit-delete.png) no-repeat 0 0;
    width: 15px;
    height: 15px;
    text-indent: -9999px;
    display: block;
    text-align: left;
    float: left;
}
.btnEdit:hover{
    background-position: 0 -16px;
}

.btnDelete{
    background: url(/img/icon-edit-delete.png) no-repeat -15px 0;
    width: 15px;
    height: 15px;
    text-indent: -9999px;
    display: block;
    text-align: left;
    float: left;
}
.btnDelete:hover{
    background-position: -15px -16px;
}

.btnView{
    background: url(/img/icon-edit-delete.png) no-repeat -29px 0;
    width: 15px;
    height: 15px;
    text-indent: -9999px;
    display: block;
    text-align: left;
    float: left;
}
.btnView:hover{
    background-position: -29px -16px;
}

.btnUp{
    background: url(/img/arrowUp.png) no-repeat 0 0;
    width: 10px;
    height: 10px;
    text-indent: -9999px;
    display: block;
    text-align: left;
    float: left;
    margin-right: 4px;
}   
.btnDown{
    background: url(/img/arrowDown.png) no-repeat 0 0;
    width: 10px;
    height: 10px;
    text-indent: -9999px;
    display: block;
    text-align: left;
    float: left;
}

.pageEntry table {
	width: auto;
	margin: 0;
	padding: 0;
	clear: none;
	display: inline-block;
}

.pageEntry td {
	border: none;
	padding: 0;
	margin: 0;
	width: 0px;
}

.pageEntry tr {
	margin: 0;
	padding: 0;
}

.pageEntry td.pageActions {
	width: 200px;
}
.pageEntry td.pageActions span {
	display: none;
}

/* Assets */

#previewImage {
	border: 2px solid #333;
}

span.description {
	font-size: 10px;
	font-color: #888;
	font-style: italic;
}

table.details {
	border: none;
	padding: 0;
	background: none !important;
}

table.details td {
	border: none;
	padding: 0;
	background: none !important;
}

#assetPreview {
	display: none;
	position: absolute;
	z-index: 10000;
	width: 150px;
	height: auto;
	padding: 1px;
	border: 2px solid #ddd;
	background-color: #fff;
}

/* Pages */

textarea.codeEdit {
	font-size: 14px;
	font-family:Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
}

/* Settings */

#text_input {
	font-size: 14px;
	font-family:Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
}

dl pre {
	line-height: normal;
}